<template>
	<view class="coreshop-flex coreshop-align-center coreshop-justify-between coreshop-backgroun-light-white c-p-l-5 c-p-r-5 c-p-b-5">
		<view class="search-box" @click="goSearch">
			<u-icon name="search" color="#818283" size="20" label="搜索" label-color="#818283"></u-icon>
		</view>
		<view class="store" @click="$u.route('/pages/placeOrder/storeList/storeList')">
			<u-icon name="map-fill" color="#333333" size="16" />
			<text class="c-m-l-4">{{coreshopdata.storeName}}</text>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default{
		props:{
			coreshopdata:{
				type: Object,
				default: {}
			}
		},
	}
</script>

<style lang="scss" scoped>
	.search-box{
		border: 1px #d8d7db solid;
		border-radius: 10rpx;
		width: 400rpx;
		height: 80rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.store{
		// padding: 6px;
		margin-left: 10rpx;
		display:flex;
		// background-color:#fefaf4;
		font-weight: bold;
		font-size:14px;
		// color:#be9880;
	}
</style>